let draggedSeat = null;

function dragStart(event) {
    draggedSeat = event.target; // 被拖拽的元素
    event.dataTransfer.effectAllowed = "move";
}

function dragOver(event) {
    event.preventDefault(); // 允许放置
    event.dataTransfer.dropEffect = "move";
}

function drop(event) {
    event.preventDefault();
    if (draggedSeat && draggedSeat !== event.target) {
        // 交换内容
        const tempText = event.target.innerText;
        event.target.innerText = draggedSeat.innerText;
        draggedSeat.innerText = tempText;
    }
}

// 删除最后一个元素
function del_last_one() {
    if (seatChart.lastElementChild) {
        seatChart.removeChild(seatChart.lastElementChild);
    }
}


// 定义点击事件处理函数
function handleInputClick(event, seat) {
    const button = document.getElementById('up_name');
    const value = button.querySelector('textarea').value;
    seat.innerText = value; // 更新座位的文本内容
    button.style.display = 'none'; // 隐藏按钮
}

// 定义点击事件处理函数 主函数
function editSeatName(seat) {
    const button = document.getElementById('up_name');
    button.style.display = 'flex';

    // 设置 textarea 的值
    button.querySelector('textarea').value = seat.innerText;  // innerText可以读取到原本样式

    // 解绑之前的点击事件
    const input = button.querySelector('input');
    const clonedInput = input.cloneNode(true); // 克隆一个新的 input 节点
    input.parentNode.replaceChild(clonedInput, input); // 替换旧的 input

    // 绑定新的点击事件
    clonedInput.addEventListener('click', function (event) {
        handleInputClick(event, seat);
    });
}
